DIVERSE CURSUL 7

DIVERSE CURSUL 7
CASETA DIMENSIUNI DIFERITE LA LABEL
CASETA DIMENSIUNI
DIVERSE SI POZE
BACKROUND COLOR SI CLIP
BACKGROUND POSITION
ORIGINE
IMAGINE BROWASER CONCEPTIE HTML CONCEPTIE CSS
background-position

Magazinul nostru vă oferă magneți din ferită, ieftini, ce sunt, de fapt acei bine cunoscuți,magneți permanenți clasici. Magazinul nostru vă oferă magneți din ferită, ieftini, ce sunt, de fapt acei bine cunoscuți,magneți permanenți clasici.

background-position: center;

background-position: right top;

background-position: left top;

 background-position

< p class="poz">Magazinul nostru vă oferă magneți din ferită, ieftini, ce
sunt, de fapt acei bine cunoscuți,magneți permanenți clasici.
Magazinul nostru vă oferă magneți din ferită, ieftini, ce
sunt, de fapt acei bine cunoscuți,magneți permanenți clasici.
< /p>
< p class="poz">< /p>
< p class="po">background-position: center;< /p>
< p class="poz1">< /p>
< p class="po1">background-position: right top;< /p>
< p class="poz2">< /p>
< p class="po2">background-position: left top;< /p>

 background-position
.poz{
width: 250px;
height: 120px;
padding: 5px;
border-color: rgb(0, 255, 106);
border-width: 10px;
border-style: solid;
margin: 30px 30px 0px 30px
; }
.poz {
background-image: url(../img/chenar\ border\ 1\ \ -\ Copy.png);
background-repeat: no-repeat;
background-position: center;
}
.po {width: 250px;
height: 20px;
padding: 5px;
/*! border-color: rgb(0, 255, 106); */
/*! border-width: 10px; */
/*! border-style: solid; */
margin: 0px 0px 0px 30px; }
/*------------------------*/
.poz1 {
width: 250px;
height: 120px;
padding: 5px;
border-color: blue;

border-style: solid;
margin: 15px 30px 5px 30px;
}
.poz1 {
background-image: url(../img/chenar\ border\ 1\ \ -\ Copy.png);
background-repeat: no-repeat;
background-position: right top;
}
.po1 {width: 250px;
height: 20px;
padding: 5px;
/*! border-color: rgb(0, 255, 106); */
/*! border-width: 10px; */
/*! border-style: solid; */
margin: 0px 0px 0px 30px; }
/*----------------------------*/
.poz2 {
width: 250px;
height: 120px;
padding: 5px;

border-color: blue;
border-style: solid;
margin: 30px 30px 0px 30px;
}
.poz2 {
background-image: url(../img/chenar\ border\ 1\ \ -\ Copy.png);
background-repeat: no-repeat;
background-position: left top;
}
.po2 {width: 250px;
height: 20px;
padding: 5px;
/*! border-color: rgb(0, 255, 106); */
/*! border-width: 10px; */
/*! border-style: solid; */
margin: 0px 0px 0px 30px; }
.sssiz111 {
width: 250px;
height: 120px;
padding: 5px;

border-color: blue;
border-width: 10px;
border-style: solid;
margin: 30px 30px 30px 30px;
}
.sssiz111 {
background-image: url(../img/chenar\ border\ 1\ \ -\ Copy.png);
background-repeat: repeat-y;
}
.sssiz1111 {
width: 250px;
height: 120px;
padding: 5px;
border-color: blue;
border-width: 10px;
border-style: solid;
margin: 30px 30px 30px 30px;
}
.sssiz1111 {
background-image: url(../img/chenar\ border\ 1\ \ -\ Copy.png);
background-repeat: repeat;
}